<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/book.css">
    <link href="https://unpkg.com/layui@2.11.6/dist/css/layui.css" rel="stylesheet">
    <title>Document</title>
</head>

<body>
    <!-- 首页头 -->
    <div class="index_header">
        <div class="index_header_bg">
            <img src="https://www.hotread.com/assets/images/newlogo.png" alt="">
            <div class="hotreadAndGirl">
                <span class="on">火星小说</span>
                <span>|</span>
                <span onclick="jumpNv()">火星女频</span>
            </div>
            <div class="search-content">
                <input type="text" placeholder="龙王棺" class="search-text">
                <img src="../img/index_search.png" alt="">
            </div>
            <div class="main-login">
                <div>
                    <span>书架</span>
                    <span>|</span>
                    <span>充值</span>
                </div>
                <div>
                    <span>注册</span>
                    <span>|</span>
                    <span onclick="login()">登录</span>
                </div>
            </div>
        </div>
        <ul>
            <li style="color: #333;">
                热搜：
            </li>
            <li>
                <span>
                    蛇孽
                </span>
            </li>
            <li>
                <span>
                    湘西秘闻
                </span>
            </li>
            <li>
                <span>
                    重生1980
                </span>
            </li>
        </ul>
    </div>
    <div class="hotr-nav">
        <ul>
            <li onclick="jumpIndexk()">首页</li>
            <li onclick="jumpRank()">排行</li>
            <li class="on" onclick="jumpBook()">书库</li>
            <li onclick="jumpManhua()">动漫</li>
            <li onclick="jumpClient()">客户端</li>
            <li onclick="jumpWelfare()">作家福利</li>
            <li onclick="jumpAuthor()">作者中心</li>
        </ul>
    </div>
    <div class="bookSort">

        <div class="nav">
            <p>分类：
                <span data-type="classify" onclick="options(1)">悬疑灵异</span>
                <span data-type="classify" onclick="options(2)">现代都市</span>
                <span data-type="classify" onclick="options(3)">玄幻仙侠</span>
                <span data-type="classify" onclick="options(4)">其他</span>
            </p>
            <p class="p1">标签：
                <span data-type="tags" onclick="options(5)" class="borspan">全部</span>
                <span data-type="tags" onclick="options(6)">刑侦</span>
                <span data-type="tags" onclick="options(7)">悬疑</span>
                <span data-type="tags" onclick="options(8)">怪谈</span>
            </p>
            <p>字数：
                <span data-type="numb" onclick="options(9)" class="borspan">全部</span>
                <span data-type="numb" onclick="options(10)">30万以下</span>
                <span data-type="numb" onclick="options(11)">30-50万</span>
                <span data-type="numb" onclick="options(12)">50-100万</span>
                <span data-type="numb" onclick="options(13)">100万以上</span>
            </p>
            <p>时间：
                <span data-type="time" onclick="options(14)" class="borspan">全部</span>
                <span data-type="time" onclick="options(15)">三日内</span>
                <span data-type="time" onclick="options(16)">七日内</span>
                <span data-type="time" onclick="options(17)">半月内</span>
                <span data-type="time" onclick="options(18)">一月内</span>
            </p>
            <p>价格：
                <span data-type="price" onclick="options(19)" class="borspan">全部</span>
                <span data-type="price" onclick="options(20)">月付</span>
                <span data-type="price" onclick="options(21)">购买</span>
            </p>
            <p>更新：
                <span data-type="update" onclick="options(22)" class="borspan">全部</span>
                <span data-type="update" onclick="options(23)">完本</span>
                <span data-type="update" onclick="options(24)">连载</span>
            </p>
            <p>排序：
                <span data-type="sort" onclick="options(25)" class="borspan">最新</span>
                <span data-type="sort" onclick="options(26)">人气</span>
                <span data-type="sort" onclick="options(27)">推荐</span>
            </p>
        </div>
        <div class="content">
            <ul class="books">
                <!-- <li>
                    <div class="img">
                        <img src="https://p1.duyao001.com/image/common/79da0522e78af5c1d384281ceb8c8f03_x640.jpg"
                            alt="">
                    </div>
                    <div>
                        <h2>蛇孽</h2>
                        <span><em>[悬疑灵异]</em> | 赌书泼茶人学毕业那天，我接到电话学毕业那天，我接到电话</span>
                        <p>【恐怖+收尸+搞笑+反转】
                            大学毕业那天，我接到电话，我爹剥皮自杀了。我妈说在我爸下葬前得见儿媳妇一面，我只能重金请校花假扮我女朋友。但回村之后，我发现全村都不是人！而是尸体……死里逃生后，我成为了一名收尸人。第一个收的！就是校花！天下凶尸，皆为我所用！【恐怖情节较多，请在别人老婆的陪同下观看。】
                        </p>
                    </div>
                </li> -->
            </ul>
            <div class="ulr">
                <div class="ulrt">
                    <div class="ulrhead">
                        <h3>
                            人气榜
                        </h3>
                        <div class="week weekulrt">
                            <span onclick='weelulrtChange(2)'>周</span>
                            <span class="bgspan" onclick='weelulrtChange(3)'>月</span>
                            <span onclick='weelulrtChange(0)'>总</span>
                        </div>
                    </div>
                    <ul></ul>
                    <a href="">查看更多</a>
                </div>
                <div class="ulrc">
                    <div class="ulrhead">
                        <h3>
                            推荐榜
                        </h3>
                        <div class="week weekulrc">
                            <span onclick='weelulrcChange(2)'>周</span>
                            <span class="bgspan" onclick='weelulrcChange(3)'>月</span>
                            <span onclick='weelulrcChange(0)'>总</span>
                        </div>
                    </div>
                    <ul></ul>
                    <a href="">查看更多</a>
                </div>
                <div class="ulrb">
                    <div class="ulrhead">
                        <h3>
                            打赏榜
                        </h3>
                        <div class="week weekulrb">
                            <span onclick='weelulrbChange(2)'>周</span>
                            <span class="bgspan" onclick='weelulrbChange(3)'>月</span>
                            <span onclick='weelulrbChange(0)'>总</span>
                        </div>
                    </div>
                    <ul></ul>
                    <a href="">查看更多</a>
                </div>
            </div>
        </div>
        <div id="demo-laypage-theme"></div>
    </div>
</body>
<script src="https://unpkg.com/layui@2.11.6/dist/layui.js"></script>
<script src="../js/book.js"></script>

</html>